<template>
  <div>
    <div ref="myChart" :style="{width: '100%', height: '600px',margin:'0px auto'}"></div>

  </div>
</template>
<script>
export default {
  data() {
    return {
      markList: [
        {
          "coord": [
            "0",
            450
          ],
          "symbolRotate": 180
        },
        {
          "coord": [
            75,
            "350"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            125,
            "350"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            175,
            "350"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            225,
            "350"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            75,
            "550"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            "250",
            450
          ],
          "symbolRotate": 0
        },
        {
          "coord": [
            "250",
            200
          ],
          "symbolRotate": 180
        },
        {
          "coord": [
            325,
            "150"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            375,
            "150"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            625,
            "350"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            37.5,
            "550"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            525,
            "550"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            275,
            "350"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            37.5,
            "350"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            "300",
            200
          ],
          "symbolRotate": 180
        },
        {
          "coord": [
            325,
            "550"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            325,
            "350"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            "300",
            450
          ],
          "symbolRotate": 0
        },
        {
          "coord": [
            375,
            "550"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            425,
            "550"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            475,
            "550"
          ],
          "symbolRotate": -90
        },
        {
          "coord": [
            "550",
            650
          ],
          "symbolRotate": 0
        },
        {
          "coord": [
            "600",
            450
          ],
          "symbolRotate": 180
        }
      ],// 箭头特效
      nodeList: [
        {
          "name": "商机前评估",
          "value": [
            "150",
            "350"
          ],
          "node_code": "SJQPG",
          "x": "150",
          "y": "350",
          "node_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp?menu=5.0_xmcj.sjgl.sjxx",
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "创建客户",
          "value": [
            "0",
            "550"
          ],
          "node_code": "CJKH",
          "x": "0",
          "y": "550",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "集团商机",
          "system_code": "MSS-001",
          "system_source": "MSS侧",
          "system_url": "http://132.129.4.107/portal/",
          "system_remark": null,
          "node_state": "ST003",
          "type": "node"
        },
        {
          "name": "协议级立项",
          "value": [
            "300",
            "350"
          ],
          "node_code": "XYJLX",
          "x": "300",
          "y": "350",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": "MSS侧立项，查询项目信息，发起概算，查询概算数据 ",
          "system_name": "协议级管理系统",
          "system_code": "MSS-002",
          "system_source": "MSS侧",
          "system_url": "http://gcfz-sh.mss.ctc.com:81/msscpmis/login.do?from=sap_portal&value(sysid)=ICT&value(provincecode)=SH",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "前向合同",
          "value": [
            "200",
            "350"
          ],
          "node_code": "QXHT",
          "x": "200",
          "y": "350",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": "MSS侧起草合同及签约归档，查询合同数据",
          "system_name": "合同系统",
          "system_code": "MSS-004",
          "system_source": "MSS侧",
          "system_url": "http://gcfz-sh.mss.ctc.com:81/msscpmis/login.do?from=sap_portal&value(sysid)=CONTRACT&value(provincecode)=SH",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "商机录入",
          "value": [
            "0",
            "350"
          ],
          "node_code": "SJLR",
          "x": "0",
          "y": "350",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "集团商机",
          "system_code": "MSS-001",
          "system_source": "MSS侧",
          "system_url": "http://132.129.4.107/portal/",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "商机分级",
          "value": [
            "100",
            "350"
          ],
          "node_code": "SJFJ",
          "x": "100",
          "y": "350",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端公文会议系统",
          "system_code": "SH-001",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/NOAA/special/tsDhInfo/dhindex.action?dhbh=0001",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "保证金收回",
          "value": [
            "100",
            "550"
          ],
          "node_code": "BZJSH",
          "x": "100",
          "y": "550",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": "MSS侧发起投标保证金，查询保证金数据",
          "system_name": "保证金系统",
          "system_code": "MSS-003",
          "system_source": "MSS侧",
          "system_url": "http://gcfz-sh.mss.ctc.com:81/msscpmis/login.do?from=sap_portal&value(sysid)=BZJ&value(provincecode)=SH",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "保证金支付",
          "value": [
            "50",
            "550"
          ],
          "node_code": "BZJZF",
          "x": "50",
          "y": "550",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": "MSS侧发起投标保证金，查询保证金数据",
          "system_name": "保证金系统",
          "system_code": "MSS-003",
          "system_source": "MSS侧",
          "system_url": "http://gcfz-sh.mss.ctc.com:81/msscpmis/login.do?from=sap_portal&value(sysid)=BZJ&value(provincecode)=SH",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "概预算",
          "value": [
            "50",
            "350"
          ],
          "node_code": "GYS",
          "x": "50",
          "y": "350",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": "MSS侧立项，查询项目信息，发起概算，查询概算数据",
          "system_name": "协议级管理系统",
          "system_code": "MSS-002",
          "system_source": "MSS侧",
          "system_url": "http://gcfz-sh.mss.ctc.com:81/msscpmis/login.do?from=sap_portal&value(sysid)=ICT&value(provincecode)=SH",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "商机录入中间节点1",
          "value": [
            "25",
            "350"
          ],
          "node_code": null,
          "x": "25",
          "y": "350",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "商机录入中间节点2",
          "value": [
            "25",
            "550"
          ],
          "node_code": null,
          "x": "25",
          "y": "550",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "中间节点5",
          "value": [
            "50",
            "150"
          ],
          "node_code": null,
          "x": "50",
          "y": "150",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "中间节点3",
          "value": [
            "300",
            "250"
          ],
          "node_code": null,
          "x": "300",
          "y": "250",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "前向解析",
          "value": [
            "250",
            "350"
          ],
          "node_code": "QXJX",
          "x": "250",
          "y": "350",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "合同解析系统",
          "system_code": "MSS-005",
          "system_source": "MSS侧",
          "system_url": "http://gcfz-sh.mss.ctc.com:81/msscpmis/login.do?from=sap_portal&value(sysid)=ANALYSIS&value(provincecode)=SH",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "客户数据关联",
          "value": [
            "250",
            "550"
          ],
          "node_code": "KHSJGL",
          "x": "250",
          "y": "550",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "集团主数据",
          "system_code": "MSS-006",
          "system_source": "MSS侧",
          "system_url": "http://zsjsp-hq.mss.ctc.com/mdm/index/index.htm",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "中间节点4",
          "value": [
            "250",
            "250"
          ],
          "node_code": null,
          "x": "250",
          "y": "250",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "工程立项",
          "value": [
            "250",
            "150"
          ],
          "node_code": "GCLX",
          "x": "250",
          "y": "150",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "计划建设系统",
          "system_code": "MSS-007",
          "system_source": "MSS侧",
          "system_url": "http://gcfz-sh.mss.ctc.com:81/msscpmis/login.do?from=sap_portal&value(sysid)=PROJECT&value(provincecode)=SH",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "子项目分流",
          "value": [
            "350",
            "350"
          ],
          "node_code": "ZXMFL",
          "x": "350",
          "y": "350",
          "node_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp?menu=5.0_xmcj.xmgl.xmxx",
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "创建母子合同",
          "value": [
            "300",
            "550"
          ],
          "node_code": "CJMZHT",
          "x": "300",
          "y": "550",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "销售门户",
          "system_code": "SH-007",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/STSP_RZ/login?rentId=umppe",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "MSS报账-中间节点3",
          "value": [
            "650",
            "250"
          ],
          "node_code": null,
          "x": "650",
          "y": "250",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "子项目分流中间节点2",
          "value": [
            "375",
            "550"
          ],
          "node_code": "ZXM-MIDDLE2",
          "x": "375",
          "y": "550",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "成本计提",
          "value": [
            "600",
            "350"
          ],
          "node_code": "CBJT",
          "x": "600",
          "y": "350",
          "node_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp?menu=5.0_xmhs.cbgl.cbbz",
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "成本计提-收入确认中间节点",
          "value": [
            "400",
            "350"
          ],
          "node_code": null,
          "x": "400",
          "y": "350",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "收入确认",
          "value": [
            "400",
            "550"
          ],
          "node_code": "SRQR",
          "x": "400",
          "y": "550",
          "node_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp?menu=5.0_xmhs.srgl.srqr",
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "收入确认审核",
          "value": [
            "450",
            "550"
          ],
          "node_code": "SRQRSH",
          "x": "450",
          "y": "550",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "销售门户",
          "system_code": "SH-007",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/STSP_RZ/login?rentId=umppe",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "开票中间节点1",
          "value": [
            "500",
            "650"
          ],
          "node_code": null,
          "x": "500",
          "y": "650",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "开票",
          "value": [
            "500",
            "550"
          ],
          "node_code": "KP",
          "x": "500",
          "y": "550",
          "node_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp?menu=5.0_xmhs.fpgl.zpsq",
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "成本付款",
          "value": [
            "650",
            "350"
          ],
          "node_code": "CBFK",
          "x": "650",
          "y": "350",
          "node_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp?menu=5.0_xmhs.cbgl.fk",
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "MSS报账",
          "value": [
            "625",
            "150"
          ],
          "node_code": "MSSFK",
          "x": "625",
          "y": "150",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "财辅报账系统",
          "system_code": "MSS-009",
          "system_source": "MSS侧",
          "system_url": "http://cfmf-xj.mss.ctc.com/portal/sso/ssoAuthenticate!mssSsoLogin.action",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "收支合同关联",
          "value": [
            "550",
            "750"
          ],
          "node_code": "SRZCHTGL",
          "x": "550",
          "y": "750",
          "node_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp?menu=5.0_xmcj.htgl.szhtgl",
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "数字化原子能力平台",
          "value": [
            "525",
            "150"
          ],
          "node_code": "YZNLPT",
          "x": "525",
          "y": "150",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "数字化原子能力平台",
          "system_code": "MSS-010",
          "system_source": "MSS侧",
          "system_url": "http://10.128.86.86:8010/#/ssologin?ssoUrl=http%3A%2F%2Ftyrz-hq.sh.ctc.com%2Fuap%2Fsso2.do%3FappCode%3DMSS_YZNL%26provinceCode%3D03",
          "system_remark": null,
          "node_state": "ST003",
          "type": "node"
        },
        {
          "name": "收支合同关联-预付款-中间节点1",
          "value": [
            "600",
            "750"
          ],
          "node_code": null,
          "x": "600",
          "y": "750",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "MSS报账-中间节点1",
          "value": [
            "625",
            "250"
          ],
          "node_code": null,
          "x": "625",
          "y": "250",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "预收款",
          "value": [
            "350",
            "550"
          ],
          "node_code": "YSK",
          "x": "350",
          "y": "550",
          "node_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp?menu=5.0_xmhs.srgl.ysdk",
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "预付款",
          "value": [
            "600",
            "550"
          ],
          "node_code": "YFK",
          "x": "600",
          "y": "550",
          "node_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp?menu=5.0_xmhs.cbgl.yfk",
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "后向合同",
          "value": [
            "350",
            "150"
          ],
          "node_code": "HXHT",
          "x": "350",
          "y": "150",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": "MSS侧起草合同及签约归档，查询合同数据",
          "system_name": "合同系统",
          "system_code": "MSS-004",
          "system_source": "MSS侧",
          "system_url": "http://gcfz-sh.mss.ctc.com:81/msscpmis/login.do?from=sap_portal&value(sysid)=CONTRACT&value(provincecode)=SH",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "后向解析",
          "value": [
            "400",
            "150"
          ],
          "node_code": "HXJX",
          "x": "400",
          "y": "150",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "合同解析系统",
          "system_code": "MSS-005",
          "system_source": "MSS侧",
          "system_url": "http://gcfz-sh.mss.ctc.com:81/msscpmis/login.do?from=sap_portal&value(sysid)=ANALYSIS&value(provincecode)=SH",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "开票中间节点2",
          "value": [
            "483",
            "650"
          ],
          "node_code": null,
          "x": "483",
          "y": "650",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "开票中间节点3",
          "value": [
            "517",
            "650"
          ],
          "node_code": null,
          "x": "517",
          "y": "650",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "收款",
          "value": [
            "550",
            "550"
          ],
          "node_code": "SK",
          "x": "550",
          "y": "550",
          "node_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp?menu=5.0_xmhs.srgl.skjhcx",
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "专票",
          "value": [
            "483",
            "750"
          ],
          "node_code": "ZP",
          "x": "483",
          "y": "750",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "省端增值税管理系统",
          "system_code": "SH-006",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/VATM/fp/core/shell/loginP31.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "普票",
          "value": [
            "517",
            "750"
          ],
          "node_code": "PP",
          "x": "517",
          "y": "750",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": null,
          "system_name": "销售门户",
          "system_code": "SH-007",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/STSP_RZ/login?rentId=umppe",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        },
        {
          "name": "MSS报账-中间节点2",
          "value": [
            "600",
            "250"
          ],
          "node_code": null,
          "x": "600",
          "y": "250",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": null,
          "system_code": null,
          "system_source": null,
          "system_url": null,
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "子项目分流中间节点1",
          "value": [
            "375",
            "350"
          ],
          "node_code": "ZXM-MIDLLE",
          "x": "375",
          "y": "350",
          "node_url": null,
          "symbol": "",
          "middle": "Y",
          "node_remark": null,
          "system_name": "省端项目(业务)价值管理系统",
          "system_code": "SH-002",
          "system_source": "省侧",
          "system_url": "http://www.sh.ctc.com/ict/core/shell/login4SHOA.jsp",
          "system_remark": null,
          "node_state": "ST001",
          "symbolSize": [
            0,
            0
          ],
          "label": {
            "show": false
          },
          "type": "node"
        },
        {
          "name": "采购流程",
          "value": [
            "300",
            "150"
          ],
          "node_code": "CGLC",
          "x": "300",
          "y": "150",
          "node_url": null,
          "symbol": "image://",
          "middle": "N",
          "node_remark": "采购需求、采购方案、采购文件管理、采购结果、采购结果公示",
          "system_name": "采购辅助系统",
          "system_code": "MSS-008",
          "system_source": "MSS侧",
          "system_url": "http://cgfz-hq.mss.ctc.com/MSS-PURCHASE/portal/portal.do",
          "system_remark": null,
          "node_state": "ST001",
          "type": "node"
        }
      ],// 节点列表
      linkList: [
        {
          "source": "创建客户",
          "target": "商机录入"
        },
        {
          "source": "概预算",
          "target": "商机分级"
        },
        {
          "source": "商机分级",
          "target": "商机前评估"
        },
        {
          "source": "商机前评估",
          "target": "前向合同"
        },
        {
          "source": "前向合同",
          "target": "前向解析"
        },
        {
          "source": "保证金支付",
          "target": "保证金收回"
        },
        {
          "source": "前向解析",
          "target": "客户数据关联"
        },
        {
          "source": "概预算",
          "target": "中间节点5"
        },
        {
          "source": "协议级立项",
          "target": "中间节点3"
        },
        {
          "source": "中间节点4",
          "target": "工程立项"
        },
        {
          "source": "采购流程",
          "target": "后向合同"
        },
        {
          "source": "后向合同",
          "target": "后向解析"
        },
        {
          "source": "成本计提",
          "target": "成本付款"
        },
        {
          "source": "成本计提",
          "target": "MSS报账-中间节点2"
        },
        {
          "source": "成本付款",
          "target": "MSS报账-中间节点3"
        },
        {
          "source": "MSS报账-中间节点2",
          "target": "MSS报账-中间节点1"
        },
        {
          "source": "商机录入中间节点2",
          "target": "保证金支付"
        },
        {
          "source": "商机录入中间节点1",
          "target": "商机录入中间节点2"
        },
        {
          "source": "开票",
          "target": "收款"
        },
        {
          "source": "开票",
          "target": "开票中间节点1"
        },
        {
          "source": "开票中间节点1",
          "target": "开票中间节点3"
        },
        {
          "source": "开票中间节点1",
          "target": "开票中间节点2"
        },
        {
          "source": "MSS报账-中间节点3",
          "target": "MSS报账-中间节点1"
        },
        {
          "source": "前向解析",
          "target": "协议级立项"
        },
        {
          "source": "商机录入",
          "target": "商机录入中间节点1"
        },
        {
          "source": "商机录入中间节点1",
          "target": "概预算"
        },
        {
          "source": "中间节点3",
          "target": "采购流程"
        },
        {
          "source": "创建母子合同",
          "target": "预收款"
        },
        {
          "source": "协议级立项",
          "target": "子项目分流"
        },
        {
          "source": "协议级立项",
          "target": "创建母子合同"
        },
        {
          "source": "预收款",
          "target": "收入确认"
        },
        {
          "source": "收入确认",
          "target": "收入确认审核"
        },
        {
          "source": "收入确认审核",
          "target": "开票"
        },
        {
          "source": "子项目分流",
          "target": "子项目分流中间节点1"
        },
        {
          "source": "收款",
          "target": "收支合同关联"
        },
        {
          "source": "收入确认",
          "target": "成本计提-收入确认中间节点"
        },
        {
          "source": "预付款",
          "target": "成本计提"
        },
        {
          "source": "收支合同关联",
          "target": "收支合同关联-预付款-中间节点1"
        },
        {
          "source": "中间节点3",
          "target": "中间节点4"
        }
      ],// 静态链接

      linkEffectList: [
        {
          "coords": [
            [
              "483",
              "650"
            ],
            [
              "483",
              "750"
            ]
          ]
        },
        {
          "coords": [
            [
              "517",
              "650"
            ],
            [
              "517",
              "750"
            ]
          ]
        },
        {
          "coords": [
            [
              "625",
              "250"
            ],
            [
              "625",
              "150"
            ]
          ]
        },
        {
          "coords": [
            [
              "50",
              "150"
            ],
            [
              "250",
              "150"
            ]
          ]
        },
        {
          "coords": [
            [
              "375",
              "350"
            ],
            [
              "375",
              "550"
            ]
          ]
        },
        {
          "coords": [
            [
              "400",
              "350"
            ],
            [
              "600",
              "350"
            ]
          ]
        },
        {
          "coords": [
            [
              "600",
              "750"
            ],
            [
              "600",
              "550"
            ]
          ]
        }
      ],// 动态链接
    }
  },
  created() {
    this.$nextTick(() => {
      this.drawLine()
    })
  },
  methods: {
    drawLine() {
      // 基于准备好的dom，初始化echarts实例
      let myChart = this.$echarts.init(this.$refs.myChart)
      // 绘制图表
      myChart.setOption({
        tooltip: {
          trigger: 'item',
          show: true,
          borderWidth: 0,
          position: 'top',
          backgroundColor: 'rgba(210,226,249)',
          extraCssText: 'opacity: 0.8; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2)',

        },
        grid: {
          left: 0,
          right: 50,
          top: 25,
          bottom: 25,
          containLabel: true
        },
        xAxis: {
          min: 0,
          max: 650,
          show: false,
          type: 'value'
        },
        yAxis: {
          min: 0,
          max: 850,
          show: false,
          type: 'value'
        },

        animationDurationUpdate: 1500,
        animationEasingUpdate: 'quinticInOut',
        series: [
          {
            type: 'graph',
            coordinateSystem: 'cartesian2d',
            symbolSize: [45, 40],
            symbol: 'round',
            roam: true,
            zlevel: 1,
            label: {
              show: true,
              fontSize: 12,
              // fontWeight: 'normal',
              // fontFamily: 'monospace',
              color: '#767676',
              position: 'bottom',
              opacity: 1,

            },
            lineStyle: {
              type: 'solid',
              cap: "round",
              join: "round",
              width: 10,
              color: '#BED0E8',
              opacity: 0.5
            },
            markPoint: {
              symbol: 'arrow',
              color: '#5482cc',
              symbolSize: 8,
              data: this.markList,
              opacity: 1
            },
            data: this.nodeList,
            links: this.linkList
          },
          {
            type: 'lines',
            polyline: true,
            coordinateSystem: 'cartesian2d',
            zlevel: 0,
            lineStyle: {
              type: 'solid',
              cap: "round",
              join: "round",
              width: 10,
              color: '#BED0E8',
              opacity: 0.5
            },
            //动画，在有中间节点才启用　　　
            effect: {
              show: true,
              trailLength: 0.2,
              symbol: 'arrow',
              color: '#5482cc',
              symbolSize: 11
            },
            data: this.linkEffectList
          }
        ]
      })
      // myChart.on('click', (params) => {
      //   this.$msg_s(params.name + ':' + params.seriesName + ':' + params.value)
      // })
      //  document.getElementById('myChart').setAttribute('_echarts_instance_', '');
    },
  }
}
</script>
<style scoped lang='scss'>
</style>